<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>

            * {
                margin: 0;
                padding: 0;
            }

            body {
                background-color: #f4f5f9;
            }

            .card {
                width: 234px;
                height: 270px;
                margin: 100px auto;
                background-color: white;
            }

            .title {
                font-size: 14px;
                margin-top: 25px;
                padding-left: 24px;
                padding-right: 24px;
                height: 52px;
            }

            .desc {
                font-size: 12px;
                margin-left: 25px;
            }

            span {
                color: #f77321;
            }

        </style>
    </head>
    <body>

        <div class="card">

            <img src="images/product.png"/>

            <p class="title">Android网络图片加载框架详解</p>

            <p class="desc">
                <span>高级</span> • 1125人在学习
            </p>

        </div>

    </body>
</html>